<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="Admina Bootstrap Admin. This is the demo of Admina. You need to purchase a license for legal use!">
		<meta name="author" content="DownTown Themes">

		<link rel="shortcut icon" href="../assets/img/icon.png">

		<title>Admina - Responsive Admin Template</title>

		<!-- Google Fonts -->
		<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>

		<!--Icon fonts css-->
		<link href="../assets/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" />
		<link href="../assets/plugins/ionicon/css/ionicons.min.css" rel="stylesheet" />

		<!-- Bootstrap CSS -->
		<link href="../assets/css/bootstrap.min.css" rel="stylesheet">
		<link href="../assets/css/bootstrap-reset.css" rel="stylesheet">

		<!--Animation css-->
		<link href="../assets/css/animate.css" rel="stylesheet">

		<!-- Modal Effect -->
		<link href="../assets/plugins/modal-effect/css/component.css" rel="stylesheet">
		<!--Morris Chart CSS -->
		<link rel="stylesheet" href="../assets/plugins/morris/morris.css">

		<!-- DataTables -->
		<link href="../assets/plugins/datatables/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />

		<!-- Plugins css-->
		<link href="../assets/plugins/tagsinput/jquery.tagsinput.css" rel="stylesheet" />
		<link href="../assets/plugins/toggles/toggles.css" rel="stylesheet" />
		<link href="../assets/plugins/timepicker/bootstrap-timepicker.min.css" rel="stylesheet" />
		<link href="../assets/plugins/timepicker/bootstrap-datepicker.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../assets/plugins/colorpicker/colorpicker.css" />
		<link rel="stylesheet" type="text/css" href="../assets/plugins/jquery-multi-select/multi-select.css" />
		<link rel="stylesheet" type="text/css" href="../assets/plugins/select2/select2.css" />

		<!-- sweet alerts -->
		<link href="../assets/plugins/sweet-alert/sweet-alert.min.css" rel="stylesheet">

		<!-- Custom styles -->
		<link href="../assets/css/style.css" rel="stylesheet">
		<link href="../assets/css/helper.css" rel="stylesheet">
		<link href="../assets/css/style-responsive.css" rel="stylesheet" />

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
		<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<script src="js/respond.min.js"></script>
		<![endif]-->

	</head>

	<body>

		<!-- Header -->
		<header class="top-head container-fluid navbar-fixed-top">
			<!-- logo -->
			<div class="logo hidden-xs">
				<a href="../product/index-2.html" class="logo-expanded"> <img src="../assets/img/icon.png" alt="logo"> <span class="nav-text">Admina</span> </a>
			</div>
			<!-- end logo -->
			<button type="button" class="navbar-toggle pull-left">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-toggle ion-navicon-round"></span>
			</button>

			<!-- Search -->
			<form role="search" class="navbar-left app-search pull-left hidden-xs">
				<input type="text" placeholder="Search..." class="form-control">
			</form>
			<!-- End Search -->

			<!-- Right navbar -->
			<ul class="list-inline navbar-right top-menu top-right-menu">
				<!-- Messages -->
				<li class="dropdown">
					<a data-toggle="dropdown" class="dropdown-toggle" href="#"> <i class="fa fa-envelope-o "></i> <span class="badge badge-sm up bg-purple count">4</span> </a>
					<ul class="dropdown-menu extended fadeInUp animated nicescroll" tabindex="5001">
						<li>
							<p>
								Messages
							</p>
						</li>
						<li>
							<a href="#"> <span class="pull-left"><img src="../assets/img/avatar-2.jpg" class="img-circle thumb-sm m-r-15" alt="img"></span> <span class="block"><strong>Hammond Burke</strong></span> <span class="media-body block">New tasks
								<br>
								<small class="text-muted">3 seconds ago</small></span> </a>
						</li>
						<li>
							<a href="#"> <span class="pull-left"><img src="../assets/img/avatar-3.jpg" class="img-circle thumb-sm m-r-15" alt="img"></span> <span class="block"><strong>Ray Shannon</strong></span> <span class="media-body block">New file add
								<br>
								<small class="text-muted">5 minutes ago</small></span> </a>
						</li>
						<li>
							<a href="#"> <span class="pull-left"><img src="../assets/img/avatar-4.jpg" class="img-circle thumb-sm m-r-15" alt="img"></span> <span class="block"><strong>Hammond Burke</strong></span> <span class="media-body block">New file add
								<br>
								<small class="text-muted">12 minutes ago</small></span> </a>
						</li>
						<li>
							<a href="#"> <span class="pull-left"><img src="../assets/img/avatar-5.jpg" class="img-circle thumb-sm m-r-15" alt="img"></span> <span class="block"><strong>Ray Shannon</strong></span> <span class="media-body block">New tasks needs to be done
								<br>
								<small class="text-muted">15 minutes ago</small></span> </a>
						</li>
						<li>
							<p class="text-center">
								<a href="../inbox.html">All Messages</a>
							</p>
						</li>
					</ul>
				</li>
				<!-- End messages -->
				<!-- Notification -->
				<li class="dropdown">
					<a data-toggle="dropdown" class="dropdown-toggle" href="#"> <i class="fa fa-bell-o"></i> <span class="badge badge-sm up bg-pink count">5</span> </a>
					<ul class="dropdown-menu extended fadeInUp animated nicescroll" tabindex="5002">
						<li class="noti-header">
							<p>
								Notifications
							</p>
						</li>
						<li>
							<a href="#"> <span class="pull-left"><i class="fa fa-user-plus fa-2x text-info"></i></span> <span>New user add
								<br>
								<small class="text-muted">2 minutes ago</small></span> </a>
						</li>
						<li>
							<a href="#"> <span class="pull-left"><i class="fa fa-diamond fa-2x text-primary"></i></span> <span>Use file add
								<br>
								<small class="text-muted">4 minutes ago</small></span> </a>
						</li>
						<li>
							<a href="#"> <span class="pull-left"><i class="fa fa-bell-o fa-2x text-danger"></i></span> <span>Send project demo files to client
								<br>
								<small class="text-muted">2 hour ago</small></span> </a>
						</li>
						<li>
							<a href="#"> <span class="pull-left"><i class="fa fa-cloud-upload fa-2x text-success"></i></span> <span>Download project
								<br>
								<small class="text-muted">3 hour ago</small></span> </a>
						</li>
						<li>
							<a href="#"> <span class="pull-left"><i class="fa fa-cloud-download fa-2x text-warning"></i></span> <span>Upload projects
								<br>
								<small class="text-muted">5 hour ago</small></span> </a>
						</li>

						<li>
							<p class="text-center">
								<a href="#">All notifications</a>
							</p>
						</li>
					</ul>
				</li>
				<!-- End Notification -->

				<!-- User Menu Dropdown -->
				<li class="dropdown text-center">
					<a data-toggle="dropdown" class="dropdown-toggle" href="#"> <img alt="" src="../assets/img/avatar-2.jpg" class="img-circle profile-img thumb-sm"> <span class="username">Ray Shannon </span> <span class="caret"></span> </a>
					<ul class="dropdown-menu extended pro-menu fadeInUp animated" tabindex="5003" style="overflow: hidden; outline: none;">
						<li>
							<a href="profile.html"><i class="fa fa-briefcase"></i>Profile</a>
						</li>
						<li>
							<a href="#"><i class="fa fa-cog"></i> Settings</a>
						</li>
						<li>
							<a href="#"><i class="fa fa-bell"></i><span class="pull-left"> Issues</span> <span class="label label-info pull-right mail-info">5</span></a>
						</li>
						<li>
							<a href="#"><i class="fa fa-sign-out"></i> Log Out</a>
						</li>
					</ul>
				</li>
				<!-- End User Menu Dropdown -->
			</ul>
			<!-- End Right Navbar -->

		</header>
		<!-- End Header -->

		<!-- Aside Menu -->
		<aside class="left-panel">

			<!-- Navbar -->
			<nav class="navigation">
				<ul class="list-unstyled">

					<li class="has-submenu">
						<a href="#"><i class="ion-settings"></i> <span class="nav-label">Ebay文案配置</span> <span class="caret pull-right m-t-10"></span></a>
						<ul class="list-unstyled">
							<li>
								<a href="index.html">账号管理</a>
							</li>
							<li>
								<a href="EbaySiteManage.html">站点管理</a>
							</li>
							<li>
								<a href="EbayConfig.html">参数配置</a>
							</li>
						</ul>
					</li>

					<li class="has-submenu">
						<a href="#"><i class="ion-flask"></i> <span class="nav-label">Amazon文案配置</span> <span class="caret pull-right m-t-10"></span></a>
						<ul class="list-unstyled">
							<li>
								<a href="AmazonAccount.html">账号管理</a>
							</li>
							<li>
								<a href="AmazonSiteManage.html">站点管理</a>
							</li>
							<li>
								<a href="AmazonConfig.html">参数配置</a>
							</li>
							<li>
								<a href="serverConfig.html">服务器管理</a>
							</li>
						</ul>
					</li>


					<li>
						<a href="index-2.html"><i class="ion-home"></i> <span class="nav-label">产品线配置</span></a>
					</li>
				</ul>
			</nav>
			<!-- End Navbar -->

		</aside>
		<!-- End Aside -->

		<!--Main Content -->
		<section class="content">

			<!-- Page Content -->

			<div class="wraper container-fluid">
				<div class="page-title">
					<h3 class="title"></h3>
				</div>

				<div class="row">
					<div class="col-md-12">
						<div class="panel panel-default">
							<div class="panel-heading">
                                <a class="btn btn-success" data-toggle="modal" data-target="#new_account" myAttr="ds">+ 添加新账号</a>
							</div>
							<div class="panel-body">
								<div class="row">
									<div class="col-md-12 col-sm-12 col-xs-12">
										<table id="datatable" class="table table-striped table-bordered">
											<thead>
												<tr>
                                                    <th class="hidden">id</th>
													<th>账号</th>
													<th>所属站点</th>
                                                    <th>标题</th>
                                                    <th>Ebay分类</th>
													<th>创建时间</th>
													<th>备注</th>
													<th>操作</th>
												</tr>
											</thead>

											<tbody>
												<tr>
                                                    <td class="hidden">1</td>
													<td>Donna Snider</td>
													<td>Customer Support</td>
                                                    <td>辩题1</td>
                                                    <td>Ebay分类1</td>
													<td>New York</td>
													<td>27</td>
													<td><a class="updateBtn" data-toggle="modal" data-target="#con-close-modal" myAttr="ds">修改</a></td>
												</tr>

												<tr>
                                                    <td class="hidden">2</td>
													<td>Donna Snider2</td>
													<td>Customer Support3</td>
                                                    <td>辩题1</td>
                                                    <td>Ebay分类2</td>
													<td>New York4</td>
													<td>28</td>
													<td><a class="updateBtn" data-toggle="modal" data-target="#con-close-modal" myAttr="bp">修改</a></td>
												</tr>
											</tbody>
										</table>

									</div>
								</div>

								<div id="con-close-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
									<div class="modal-dialog">
										<div class="modal-content">
											<div class="modal-header">
												<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
												<h4 class="modal-title">修改账号信息</h4>
											</div>
											<form class="form-horizontal">
												<div class="modal-body">
													<div class="row">
														<div class="col-md-12">
                                                            <input type="hidden" class="form-control" name="account" id="id">
															<div class="form-group">
																<label  class="control-label">账号</label>
																<input type="text" class="form-control" name="account" id="account" placeholder="account">
															</div>
														</div>
													</div>
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label for="account" class="control-label">Ebay标题</label>
																<textarea class="form-control autogrow" placeholder="ebayTitle" name="ebayTitle" id="ebayTitle" style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 104px;"></textarea>
                                                            </div>
                                                        </div>
                                                    </div>
													<div class="row">
														<div class="col-md-6">
															<label class="control-label">Ebay分类</label>
															<div class="form-group">
																<div class="col-sm-12">
																	<select class="select2" data-placeholder="Choose a Site..." name="ebayType" id="ebayType">
																		<option value="#">&nbsp;</option>
																		<option value="Customer Support">Customer Supportaaaaaaaaaa</option>
																		<option value="Customer Support3" >Customer Support3</option>
																		<option value="Afghanistan">Afghanistan</option>
																		<option value="Aland Islands">Aland Islands</option>
																		<option value="Albania">Albania</option>
																		<option value="Algeria">Algeria</option>
																		<option value="American Samoa">American Samoa</option>
																		<option value="Andorra">Andorra</option>
																		<option value="Angola">Angola</option>
																		<option value="Anguilla">Anguilla</option>
																		<option value="Antarctica">Antarctica</option>
																		<option value="Antigua and Barbuda">Antigua and Barbuda</option>
																		<option value="Argentina">Argentina</option>
																		<option value="Armenia">Armenia</option>
																		<option value="Aruba">Aruba</option>
																		<option value="Australia">Australia</option>
																		<option value="Austria">Austria</option>
																		<option value="Azerbaijan">Azerbaijan</option>
																	</select>
																</div>
															</div>
														</div>

                                                        <div class="col-md-6">
                                                            <label class="control-label">所属站点</label>
                                                            <div class="form-group">
                                                                <div class="col-sm-12">
                                                                    <select class="select2" data-placeholder="Choose a Site..." name="ownerSiteName" id="ownerSiteName">
                                                                        <option value="#">&nbsp;</option>
                                                                        <option value="Customer Support">Customer Supportaaaaaaaaaa</option>
                                                                        <option value="Customer Support3" >Customer Support3</option>
                                                                        <option value="Afghanistan">Afghanistan</option>
                                                                        <option value="Aland Islands">Aland Islands</option>
                                                                        <option value="Albania">Albania</option>
                                                                        <option value="Algeria">Algeria</option>
                                                                        <option value="American Samoa">American Samoa</option>
                                                                        <option value="Andorra">Andorra</option>
                                                                        <option value="Angola">Angola</option>
                                                                        <option value="Anguilla">Anguilla</option>
                                                                        <option value="Antarctica">Antarctica</option>
                                                                        <option value="Antigua and Barbuda">Antigua and Barbuda</option>
                                                                        <option value="Argentina">Argentina</option>
                                                                        <option value="Armenia">Armenia</option>
                                                                        <option value="Aruba">Aruba</option>
                                                                        <option value="Australia">Australia</option>
                                                                        <option value="Austria">Austria</option>
                                                                        <option value="Azerbaijan">Azerbaijan</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
													<div class="row">
														<div class="col-md-12">
															<div class="form-group no-margin">
																<label for="remark" class="control-label">备注</label>
																<textarea class="form-control autogrow"  placeholder="remark" id="remark" style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 104px;"></textarea>
															</div>
														</div>
													</div>
												</div>
												<div class="modal-footer">
													<button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
													<button type="button" class="btn btn-info">Save changes</button>
												</div>
											</form>
										</div>
									</div>
								</div><!-- /.modal -->
                                <div id="new_account" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                                <h4 class="modal-title">新建账号信息</h4>
                                            </div>
                                            <form class="form-horizontal">
                                                <div class="modal-body">
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label  class="control-label">账号</label>
                                                                <input type="text" class="form-control" placeholder="account" name="account">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label  class="control-label">Ebay标题</label>
																<textarea class="form-control autogrow" placeholder="ebayTitle" name="ebayTitle" style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 104px;"></textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <label class="control-label">Ebay分类</label>
                                                            <div class="form-group">
                                                                <div class="col-sm-12">
                                                                    <select class="select2" data-placeholder="Choose a Site..." name="ebayType">
                                                                        <option value="#">&nbsp;</option>
                                                                        <option value="Customer Support">Customer Supportaaaaaaaaaa</option>
                                                                        <option value="Customer Support3" >Customer Support3</option>
                                                                        <option value="Afghanistan">Afghanistan</option>
                                                                        <option value="Aland Islands">Aland Islands</option>
                                                                        <option value="Albania">Albania</option>
                                                                        <option value="Algeria">Algeria</option>
                                                                        <option value="American Samoa">American Samoa</option>
                                                                        <option value="Andorra">Andorra</option>
                                                                        <option value="Angola">Angola</option>
                                                                        <option value="Anguilla">Anguilla</option>
                                                                        <option value="Antarctica">Antarctica</option>
                                                                        <option value="Antigua and Barbuda">Antigua and Barbuda</option>
                                                                        <option value="Argentina">Argentina</option>
                                                                        <option value="Armenia">Armenia</option>
                                                                        <option value="Aruba">Aruba</option>
                                                                        <option value="Australia">Australia</option>
                                                                        <option value="Austria">Austria</option>
                                                                        <option value="Azerbaijan">Azerbaijan</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <label class="control-label">所属站点</label>
                                                            <div class="form-group">
                                                                <div class="col-sm-12">
                                                                    <select class="select2" data-placeholder="Choose a Site..." name="ownerSiteName">
                                                                        <option value="#">&nbsp;</option>
                                                                        <option value="Customer Support">Customer Supportaaaaaaaaaa</option>
                                                                        <option value="Customer Support3" >Customer Support3</option>
                                                                        <option value="Afghanistan">Afghanistan</option>
                                                                        <option value="Aland Islands">Aland Islands</option>
                                                                        <option value="Albania">Albania</option>
                                                                        <option value="Algeria">Algeria</option>
                                                                        <option value="American Samoa">American Samoa</option>
                                                                        <option value="Andorra">Andorra</option>
                                                                        <option value="Angola">Angola</option>
                                                                        <option value="Anguilla">Anguilla</option>
                                                                        <option value="Antarctica">Antarctica</option>
                                                                        <option value="Antigua and Barbuda">Antigua and Barbuda</option>
                                                                        <option value="Argentina">Argentina</option>
                                                                        <option value="Armenia">Armenia</option>
                                                                        <option value="Aruba">Aruba</option>
                                                                        <option value="Australia">Australia</option>
                                                                        <option value="Austria">Austria</option>
                                                                        <option value="Azerbaijan">Azerbaijan</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>


                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="form-group no-margin">
                                                                <label for="remark" class="control-label">备注</label>
                                                                <textarea class="form-control autogrow" placeholder="remark" name="remark" style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 104px;"></textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
                                                    <button type="button" class="btn btn-info">Save</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div><!-- /.modal -->

							</div>
						</div>
					</div>

				</div>
				<!-- End Row -->

			</div>

			<!-- Page Content Ends -->

			<!-- Footer -->
			<footer class="footer">
				2015 © Admina By Downtown Themes
			</footer>
			<!-- End Footer -->

		</section>

		<!-- Basic Plugins -->
		<script src="../assets/js/jquery.js"></script>
		<script src="../assets/js/bootstrap.min.js"></script>
		<script src="../assets/js/pace.min.js"></script>
		<script src="../assets/js/wow.min.js"></script>
		<script src="../assets/js/jquery.nicescroll.js" type="text/javascript"></script>

		<script src="../assets/js/app.js"></script>

		<script src="../assets/plugins/datatables/jquery.dataTables.min.js"></script>
		<script src="../assets/plugins/datatables/dataTables.bootstrap.js"></script>
		<!-- Modal-Effect -->
		<script src="../assets/plugins/modal-effect/js/classie.js"></script>
		<script src="../assets/plugins/modal-effect/js/modalEffects.js"></script>
		<script src="../assets/plugins/tagsinput/jquery.tagsinput.min.js"></script>
		<script src="../assets/plugins/toggles/toggles.min.js"></script>
		<script src="../assets/plugins/timepicker/bootstrap-timepicker.min.js"></script>
		<script src="../assets/plugins/timepicker/bootstrap-datepicker.js"></script>
		<script type="text/javascript" src="../assets/plugins/colorpicker/bootstrap-colorpicker.js"></script>
		<script type="text/javascript" src="../assets/plugins/jquery-multi-select/jquery.multi-select.js"></script>
		<script type="text/javascript" src="../assets/plugins/jquery-multi-select/jquery.quicksearch.js"></script>
		<script src="../assets/plugins/bootstrap-inputmask/bootstrap-inputmask.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="../assets/plugins/spinner/spinner.min.js"></script>
		<script src="../assets/plugins/select2/select2.min.js" type="text/javascript"></script>
		<script src="../assets/js/form_advanced_demo.js"></script>

		<script>
            var getDataById = function(id) {
                $.ajax({
                    url: "",
                    type: 'POST', //GET
                    data: {
                        id:id
                    },
                    contentType: "application/x-www-form-urlencoded",
                    timeout: 5000,    //超时时间
                    dataType: 'jsonp',    //返回的数据格式：json/xml/html/script/jsonp/text
                    jsonpCallback: 'cb',
                    success: function (data) {
                        alert(data);
                    },
                    error: function () {
                        alert("服务器正忙");
                    }
                })
            }
		</script>

		<script type="text/javascript">
			$(document).ready(function() {
				$('#datatable').dataTable();

                $(".updateBtn").click(function(){
                    var myself = $(this).parents("tr").children("td");
                    //alert(myself.eq(4).html())
                    $("#id").val(myself.eq(0).html());
					$("#account").val(myself.eq(1).html());
                    $("#ebayTitle").val(myself.eq(3).html());
                    $("#select2-chosen-1").text(myself.eq(2).html());
                    $("#select2-chosen-2").text(myself.eq(4).html());
                    $("#remark").val(myself.eq(6).html());
                })
			});

		</script>

	</body>
</html>
